<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>MonkeyCMS</title>
<link type="text/css" rel="stylesheet" href="statics/css/monkey.css"/>
<link type="text/css" rel="stylesheet" href="statics/css/frame.css"/>
<script type="text/javascript" src="statics/js/jquery.min.js"></script>
<script type="text/javascript" src="statics/js/prettify.js"></script>
<script type="text/javascript" src="statics/js/monkey.js"></script>

</head>

<body>
<!--page_header-->
<div class="page_header">
	<h3>提示文本</h3>
	<p>带各类图标的提示文案。（本组件使用了 <code>.iconfont</code> 组件，请保证页面引用了相应代码。）</p>
</div>
<!--/page_header-->

<!--page_main-->
<div class="page_main">

	<!--u_tiptext 文本-->
		<h4>u_tiptext 文本</h4>
		<!--示例-->
		<p class="u_tiptext u_tiptext_message">
		    <i class="u_tiptext_icon iconfont" title="提示">&#xf05a;</i>
		    提示文本
		</p>

		<p class="u_tiptext u_tiptext_error">
		    <i class="u_tiptext_icon iconfont" title="出错">&#xf057;</i>
		    出错文本
		</p>

		<p class="u_tiptext u_tiptext_warning">
		    <i class="u_tiptext_icon iconfont" title="警告">&#xf06a;</i>
		    警告文本
		</p>

		<p class="u_tiptext u_tiptext_success">
		    <i class="u_tiptext_icon iconfont" title="成功">&#xf058;</i>
		    成功文本
		</p>

		<p class="u_tiptext u_tiptext_question">
		    <i class="u_tiptext_icon iconfont" title="疑问">&#xf059;</i>
		    疑问文本
		</p>

		<p class="u_tiptext u_tiptext_stop">
		    <i class="u_tiptext_icon iconfont" title="阻止">&#xf056;</i>
		    阻止文本
		</p>

		<p class="u_tiptext u_tiptext_wait">
		    <i class="u_tiptext_icon iconfont" title="等待">&#xf110;</i>
		    等待文本
		</p>
		<!--/示例-->

		<h5>代码：</h5>
		<!--代码-->
		<pre class="prettyprint linenums">
&lt;p class="u_tiptext u_tiptext_message"&gt;
  &lt;i class="u_tiptext_icon iconfont" title="提示"&gt;&amp;#xf05a;&lt;/i&gt;
  提示文本
&lt;/p&gt;

&lt;p class="u_tiptext u_tiptext_error"&gt;
  &lt;i class="u_tiptext_icon iconfont" title="出错"&gt;&amp;#xf057;&lt;/i&gt;
  出错文本
&lt;/p&gt;

&lt;p class="u_tiptext u_tiptext_warning"&gt;
  &lt;i class="u_tiptext_icon iconfont" title="警告"&gt;&amp;#xf06a;&lt;/i&gt;
  警告文本
&lt;/p&gt;

&lt;p class="u_tiptext u_tiptext_success"&gt;
  &lt;i class="u_tiptext_icon iconfont" title="成功"&gt;&amp;#xf058;&lt;/i&gt;
  成功文本
&lt;/p&gt;

&lt;p class="u_tiptext u_tiptext_question"&gt;
  &lt;i class="u_tiptext_icon iconfont" title="疑问"&gt;&amp;#xf059;&lt;/i&gt;
  疑问文本
&lt;/p&gt;

&lt;p class="u_tiptext u_tiptext_stop"&gt;
  &lt;i class="u_tiptext_icon iconfont" title="阻止"&gt;&amp;#xf056;&lt;/i&gt;
  阻止文本
&lt;/p&gt;

&lt;p class="u_tiptext u_tiptext_wait"&gt;
  &lt;i class="u_tiptext_icon iconfont" title="等待"&gt;&amp;#xf110;&lt;/i&gt;
  等待文本
&lt;/p&gt;</pre>
		<!--/代码-->
		<!--/u_tiptext 文本-->

		<!--u_tip_container 区块-->
		<h4>u_tip_container 区块</h4>
		<!--示例-->
		<div class="u_tiptext_container u_tiptext_container_message">
		    <p class="u_tiptext u_tiptext_message">
		        <i class="u_tiptext_icon iconfont" title="提示">&#xf05a;</i>
		        提示区块文字
		    </p>
		</div>
		<br>
		<div class="u_tiptext_container u_tiptext_container_error">
		    <p class="u_tiptext u_tiptext_error">
		        <i class="u_tiptext_icon iconfont" title="出错">&#xf057;</i>
		        出错区块文字
		    </p>
		</div>
		<br>
		<div class="u_tiptext_container u_tiptext_container_warning">
		    <p class="u_tiptext u_tiptext_warning">
		        <i class="u_tiptext_icon iconfont" title="警告">&#xf06a;</i>
		        警告区块文字
		    </p>
		</div>
		<br>
		<div class="u_tiptext_container u_tiptext_container_success">
		    <p class="u_tiptext u_tiptext_success">
		        <i class="u_tiptext_icon iconfont" title="成功">&#xf058;</i>
		        成功区块文字
		    </p>
		</div>
		<br>
		<div class="u_tiptext_container u_tiptext_container_question">
		    <p class="u_tiptext u_tiptext_question">
		        <i class="u_tiptext_icon iconfont" title="疑问">&#xf059;</i>
		        疑问区块文字
		    </p>
		</div>
		<br>
		<div class="u_tiptext_container u_tiptext_container_stop">
		    <p class="u_tiptext u_tiptext_stop">
		        <i class="u_tiptext_icon iconfont" title="阻止">&#xf056;</i>
		        阻止区块文字
		    </p>
		</div>
		<br>
		<div class="u_tiptext_container u_tiptext_container_wait">
		    <p class="u_tiptext u_tiptext_wait">
		        <i class="u_tiptext_icon iconfont" title="等待">&#xf110;</i>
		        等待区块文字
		    </p>
		</div>
		<!--/示例-->

		<h5>代码：</h5>
		<!--代码-->
		<pre class="prettyprint linenums">
&lt;div class="u_tiptext_container u_tiptext_container_message"&gt;
  &lt;p class="u_tiptext u_tiptext_message"&gt;
    &lt;i class="u_tiptext_icon iconfont" title="提示"&gt;&amp;#xf05a;&lt;/i&gt;
    提示区块文字
  &lt;/p&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;div class="u_tiptext_container u_tiptext_container_error"&gt;
  &lt;p class="u_tiptext u_tiptext_error"&gt;
    &lt;i class="u_tiptext_icon iconfont" title="出错"&gt;&amp;#xf057;&lt;/i&gt;
    出错区块文字
  &lt;/p&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;div class="u_tiptext_container u_tiptext_container_warning"&gt;
  &lt;p class="u_tiptext u_tiptext_warning"&gt;
    &lt;i class="u_tiptext_icon iconfont" title="警告"&gt;&amp;#xf06a;&lt;/i&gt;
    警告区块文字
  &lt;/p&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;div class="u_tiptext_container u_tiptext_container_success"&gt;
  &lt;p class="u_tiptext u_tiptext_success"&gt;
    &lt;i class="u_tiptext_icon iconfont" title="成功"&gt;&amp;#xf058;&lt;/i&gt;
    成功区块文字
  &lt;/p&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;div class="u_tiptext_container u_tiptext_container_question"&gt;
  &lt;p class="u_tiptext u_tiptext_question"&gt;
    &lt;i class="u_tiptext_icon iconfont" title="疑问"&gt;&amp;#xf059;&lt;/i&gt;
    疑问区块文字
  &lt;/p&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;div class="u_tiptext_container u_tiptext_container_stop"&gt;
  &lt;p class="u_tiptext u_tiptext_stop"&gt;
    &lt;i class="u_tiptext_icon iconfont" title="阻止"&gt;&amp;#xf056;&lt;/i&gt;
    阻止区块文字
  &lt;/p&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;div class="u_tiptext_container u_tiptext_container_wait"&gt;
  &lt;p class="u_tiptext u_tiptext_wait"&gt;
    &lt;i class="u_tiptext_icon iconfont" title="等待"&gt;&amp;#xf110;&lt;/i&gt;
    等待区块文字
  &lt;/p&gt;
&lt;/div&gt;</pre>
			<!--/代码-->
		<!--/u_tip_container 区块-->

</div>
<!--/page_main-->
</body>
</html>